<template>
    <div v-for="(item, index) in list" :key="index">
        水果编号：{{ index }}---水果名称：{{ item }}
    </div>
</template>
<script setup>
import { reactive } from 'vue';
const list = reactive(['苹果---详细信息:苹果汁水丰富，可以生津止渴。','柠檬---详细信息：柠檬具有生津止渴、化痰止渴的功效'])
</script>